<template>
  <div>
    <div>
      <withPsw />

      <div>&nbsp;</div>
      <div>&nbsp;</div>

      <van-row>
        <van-col span="8" align="center" @click.native="handleMobile">
          短信验证码登录
        </van-col>
        <van-col span="8" align="center" @click.native="handleRegister">
          注册
        </van-col>
        <van-col span="8" align="center" @click.native="handleResetPsw">
          忘记密码
        </van-col>
      </van-row>

      <!-- <van-tabs v-model="activeName">
        <van-tab title="登录" name="login">
          <withPsw />
        </van-tab>
        <van-tab title="注册" name="register">
          <Register @submit="onSubmit" />
        </van-tab>
        <van-tab title="重置密码" name="reset">
          <resetPsw @submit="onSubmit" />
        </van-tab>
        <van-tab title="验证码登录" name="mobile">
          <withMobile />
        </van-tab>
      </van-tabs> -->
    </div>
  </div>
</template>

<script>
import withPsw from './withPsw'
// import resetPsw from './resetPsw'
// import withMobile from './withMobile'
// import Register from './register'

export default {
  name: 'AppLogin',
  components: {
    withPsw // , resetPsw, withMobile, Register
  },

  data() {
    return {
      // activeName: 'login',
    }
  },
  computed: {},
  async created() {
    // console.log('ssss,ss login app')
    // this.changeCurrent('login')
  },

  methods: {
    handleMobile() {
      this.$router.push('/user/loginmobile')
    },

    handleRegister() {
      this.$router.push('/user/register')
    },
    handleResetPsw() {
      this.$router.push('/user/resetpsw')
    }

    // changeCurrent(selected) {
    //   console.log('xxxx, changeCurrent', selected)
    //   this.activeName = selected
    // },

    // onSubmit() {
    //   console.log('rest psw')
    //   this.activeName = 'login'
    // }
  }
}
</script>

<style type="text/css"></style>
